<template>
    <section class="set">
        <div class="set_header"> 
          <span class="_txt">设置</span>
          <span class="jiantou" @click="goTo('/setting')">
          <i class="el-icon-arrow-left" ></i>
          </span>
        </div>
         <div class="set_main">
          <div class="main_function">
              <div class="diveid"></div> 
              <div class="function_name"  @click="goTo('/set')">
                <span class="_txt">昵称</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>   
              <div class="diveid"></div> 
              <div class="function_img" @click="goTo('/set')">
                <span class="_txt">头像</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>   
              <div class="diveid"></div> 
              <div class="function_email" @click="goTo('/set')"> 
                <span class="_txt">个人(企业)邮箱</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>
              <div class="footer"></div> 
          </div>
        </div>
    </section>      
</template>

<script>
export default {
    methods: {
      goTo:function(Path){
          this.$router.replace(Path);
      }
    }
  }               
</script>


<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import "../../../common/stylus/mixins.styl"
  .set 
    width  100%
    height 800px
    .set_header
        width  100%
        height 70px
        background-color #c7000b
        font-size 20px
        text-align center
        line-height 70px
        color #ffffff
        .jiantou
          display block
          position absolute
          left 10px 
        ._txt
          width  325px
          position absolute
          left 20px
      .set_main
              width  100%
              height 730px
              .main_function
                  width  100%
                  height 690px
                  .function_name
                      width  100%
                      height 50px
                      line-height 50px
                      font-size 16px
                      border-top 1px solemail #F5F5F5
                      .jiantou
                          display block
                          position absolute
                          right 25px
                      ._txt
                          width  325px
                          position absolute
                          font-size 16px
                          left 20px
                  .diveid
                    width  100%
                    height 10px
                    background-color #F5F5F5 
                    border-top 1px solemail #F5F5F5
                  .function_img
                      width  100%
                      height 50px
                      line-height 50px
                      font-size 16px
                      border-top 1px solemail #F5F5F5
                      .jiantou
                          display block
                          position absolute
                          right 25px
                      ._txt
                          width  325px
                          position absolute
                          font-size 16px
                          left 20px
                          border-top 1px solemail #F5F5F5
                  .function_email
                      width  100%
                      height 50px
                      line-height 50px
                      font-size 16px
                      border-top 1px solemail #F5F5F5
                      .jiantou
                          display block
                          position absolute
                          right 25px
                      ._txt
                          width  325px
                          position absolute
                          font-size 16px
                          left 20px
                          border-top 1px solemail #F5F5F5  
                  .footer
                    width  100%
                    height 600px
                    background-color #F5F5F5 
                    border-top 1px solemail #F5F5F5                                      
</style>
